@media only screen and (min-width: 700px) {
  .allPage {}

  .fanzhuan {
    width: 300px;
    height: 300px;
    background-color: aqua;

    .leftRoll {
      width: 300px;
      padding: 10px;
      background-color: bisque;
      white-space: nowrap;
      overflow: hidden;


      .dhDiv {
        display: flex;
        animation: leftRolldh 3s linear infinite;
        &:hover {
          animation-play-state: paused;
        }

        .indiv {
          width: 70px;
          margin-right: 20px;
          border: 1px solid #333;
        }
      }

      @keyframes leftRolldh {
        0% {}


        100% {
          margin-left: -425px;
        }
      }
    }

  }

  .fanzhuan_dh {
    background-color: red;
    animation: identifier 0.5s;
  }

  .fanzhuan_out {
    background-color: aqua;
    animation: identifierOut 0.5s;
  }

  @keyframes identifier {
    0% {
      transform: perspective(800px) rotateY(0);
    }


    100% {
      transform: perspective(800px) rotateY(180deg);
    }
  }

  @keyframes identifierOut {
    0% {
      transform: perspective(800px) rotateY(180deg);
    }


    100% {
      transform: perspective(800px) rotateY(0);
    }
  }

}